/************************************
*
* Widgets
*
*************************************/

.widget {
  backdrop-filter: $backDropBlur;
  border-radius: $backDropBorderRadius;
  position: relative;
  margin-bottom: 1rem;
  transition: all 0.3s;

  .columns {
    margin-bottom: 0;
  }

  &:hover {
    box-shadow: 0px 0px 17px 0px rgba(0, 0, 0, 0.2);
  }

  .widget-content {
    padding: 1rem 1.25rem;
    position: relative;
    z-index: 10;
  }

  .widget-header {
    margin-right: -0.25rem;
    align-items: center;
    position: relative;
    z-index: 4;
    .widget-title {
      color: $grey-100;
      font-size: 1.125rem;
      line-height: 1.75rem;
      font-weight: 500;
    }

    .widget-icon-button {
      width: 1.5rem;
      height: 1.5rem;
      cursor: pointer;
    }
  }
}

.last-block {
  margin-bottom: 0;

  &.widget {
    margin-bottom: 0;
  }

  .widget {
    margin-bottom: 0;
  }
}


.is-noscroll,
.is-clipped {
  .widget {
    backdrop-filter: none !important;
  }
}
